<%--
  Created by IntelliJ IDEA.
  User: l
  Date: 2023/6/23
  Time: 11:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
</head>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/person.css">

<body>
<div class="container">
    <div class="person">
        <div class="person-header" style="position: relative">
            <img src="../upload/${name.photo}" alt="">
            <p class="person-name">@${name.netname},你好！</p>
            <a href="/shang/shang_index" style="position: absolute; right: 0; color: #fff;">首页</a>
        </div>
        <div class="funtions">
            <a href="shang_person-data.jsp">
                <div class="personal-data">
                    <img src="img/person-data.png" alt="">
                    <p>个人资料</p>
                </div>
            </a>
            <a href="shang_grounding.jsp">
                <div class="grounding-product">
                    <img src="img/grounding.png" alt="">
                    <p>上架商品</p>
                </div>
            </a>
            <a href="/shang/shang_selectOrder">
                <div class="order-info">
                    <img src="img/order.png" alt="">
                    <p>订单详情</p>
                </div>
            </a>
        </div>
        <div class="show-person-data">
            <div class="netname">
                <div class="netname-left">
                    <img src="img/netname.png" alt="">
                    <p>昵称</p>
                </div>
                <p class="strong">@${name.netname}</p>
            </div>
            <div class="name">
                <div class="name-left">
                    <img src="img/name.png" alt="">
                    <p>实名</p>
                </div>
                <p class="strong">
                    <c:if test="${!name.turename.equals('')}">
                        ${name.turename}
                    </c:if>
                    <c:if test="${name.turename.equals('')}">
                        暂未实名
                    </c:if>
                </p>
            </div>
            <div class="card-number">
                <div class="card-number-left">
                    <img src="img/card.png" alt="">
                    <p>卡号</p>
                </div>
                <p class="strong">
                    <c:if test="${!name.bankCard.equals('')}">
                        ${name.bankCard}
                    </c:if>
                    <c:if test="${name.bankCard.equals('')}">
                        暂未填写卡号
                    </c:if>
                </p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
